$(function(){
    var $header = $('#header')

    var before = 0;
    $(window).scroll(function(e){
        var later = $(this).scrollTop();

        if(later <= 10){
            $('#go_top').hide()
        }else{
            $('#go_top').show()
        }
        if(before < later){
            $header.slideUp(220);
        }else{
            $header.slideDown(220)
        }
        before = later;
    })

    // 点击回车事件，开始搜索用户输入的关键词
    $('#search').keyup(function(event){
        if(event.keyCode == 13){
            // 得到数据并去除两边空格
            keyword = $.trim($(this).val());
            srarch(keyword)
        }
    });
    // 搜索框失去焦点事件，开始搜索关键词
    $('#search').blur(function(event){
        keyword = $.trim($(this).val());
        srarch(keyword)
    });

    // 搜索关键词的方法
    function srarch(keyword){
        // 判断数据是否为空
            if (keyword == null || keyword == ''){
                alert('搜索不能为空！');
                return null
            }
        // 开始异步请求获取数据
            $.ajax({
                type: 'GET',
                url : '/search',
                dataType: 'json',
                data : {keyword: keyword},

                success: function(data){
                    // 动态生成数据
                    // alert($('#books .class_list h3').html())
                    var book_list = $('#books .class_list')
                    book_list.empty();
                    $('<h3 />', {
                        html: data['title']
                    }).appendTo(book_list)
                    $('<hr />', {

                    }).appendTo(book_list)


                    $.each(data['books'], function(key, value){

                        var $book = $('<div />', {
                            class:"book"
                        });


                        var $bookinfo = $('<div />', {
                            class:'index_bookinfo'
                        });

                        var href = '/book/'+value['id'];
                        var $a = $('<a />', {
                            href: href,
                            target: '_blank'
                        });
                        $('<h3 />', {
                            html: value['name']
                        }).appendTo($a)
                        $a.appendTo($bookinfo)

                        $('<small />', {
                            html: value['author']
                        }).appendTo($bookinfo)
                        
                        $bookinfo.appendTo($book)


                        $('<div />', {
                            class: 'describe',
                            html: value['describe']
                        }).appendTo($book)

                        // var $state = $('<div />', {
                        //     class: 'state'
                        // });
                        $book.appendTo(book_list);
                    });

                    // 更新搜索记录
                    if (data['searchs']){
                        var $ul = $('.speedy ul')
                        $ul.empty();
                        $.each(data['searchs'], function(key, value){
                            
                            $ul.prepend($('<li></li>', {
                                html: value
                            }));
                        });
                    }


                },
                error: function(){
                    alert('搜索出错')
                }
            })
    }


    // 收藏图书
    $('li a[class=collect]').click(function(event){
        
        $(this).css({'color': 'gray'})
        $.ajax({
            type : 'POST',
            url: '/collect',
            dataType: 'json',
            data : {id: $(this).attr('tag')},

            success: function(data){
                $('li a[class=collect] small').html(data['state']);
                $(this).attr('class', 'poin_after');
            },
            error: function(){
                alert('收藏失败')
            }
        })
    });

})